<template>
	<view class="activityDetailsBox">
		<view class="contentBox">
			<view class="contentBox1">
				<view class="contentBox1Titles">
					<view  class="contentBox1Title">
						<view class="wire">
						
						</view>
						<view class="title">
							活动基本信息
						</view>
					</view>
					<image v-if="status==1" src="/static/pages/index/modifyImg.png" mode="" class="modifyImg" @click="editClick"></image>
				</view>
				<view class="titleBox">
					{{info1.name}}
				</view>
				<view class="funds">
					<view class="fundsW1">
						活动预算：
					</view>
					<view class="fundsW2">
						{{info1.money}}元
					</view>
				</view>
				<view class="quota">
					<view class="quotaW1">
						计划场次：
					</view>
					<view class="quotaW2">
						{{info1.quota}}
					</view>
				</view>
				<view class="quota">
					<view class="quotaW1">
						剩余剩余场次：
					</view>
					<view class="quotaW2">
						{{info1.remaining}}
					</view>
				</view>
				<view class="quota">
					<view class="quotaW1">
						活动时间：
					</view>
					<view class="quotaW2">
						{{starttime}}--{{endtime}}
					</view>
				</view>
			</view>
			<view class="contentBox2">
				<view class="contentBox1Title">
					<view class="wire">

					</view>
					<view class="title">
						活动区域
					</view>
				</view>
				<view class="titleBox">
					{{info1.region}}
				</view>
			</view>
			
<!-- 			<view class="contentBox2">
				<view class="contentBox1Title">
					<view class="wire">
			
					</view>
					<view class="title">
						活动店铺
					</view>
				</view>
				<view class="titleBox">
					{{info1.store_name}}--{{info1.address}}
				</view>
			</view> -->
			
			<view class="contentBox3">
				<view class="contentBox1Title">
					<view class="wire">

					</view>
					<view class="title">
						活动要求
					</view>
				</view>
				
				<view class="contentWord">
					{{info1.requirement}}
				</view>
			</view>
				<!-- <view class="contentBox3">
					<view class="contentBox1Title">
						<view class="wire">
				
						</view>
						<view class="title">
							拒绝原因
						</view>
					</view>
					
					<view class="contentWord">
						{{info2.refuse}}
					</view>
				</view> -->
				<!-- <view class="contentBox3a">
					<view class="contentBox1Title">
						<view class="wire">
				
						</view>
						<view class="title">
							活动延长
						</view>
					</view>
					<view class="xTitle">
						<view class="xTitleW">
							活动延长时间
						</view>
						<view class="xTitleC">
							{{info2.onetime}}
						</view>
					</view>
					<view class="contentWord">
						活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求活动要求。
					</view>
				</view> -->
				
				
			<view class="contentBox4">
				<view class="contentBox1Title">
					<view class="wire">

					</view>
					<view class="title">
						活动反馈
					</view>
				</view>
				<view class="stage1">
					<view class="stage1Box">
						1
					</view>
					<view class="stage1BoxWord">
						活动准备阶段
					</view>
				</view>
				<view class="stage1Contnet">
					<view class="stage1ContnetWire">

					</view>
					<view class="stage1ContnetWord" v-if="info.feedback_one==0">
						<text style="color: #2E2F33;">未反馈活动情况,</text>
						<text style="color: #1855F6;">去反馈</text>
						<!-- <text style="color: #1855F6;">已反馈</text> -->
					</view>
					<view class="stage1ContnetWord" v-if="info.feedback_one==2 || info.feedback_one==1" @click="feedbackClick(1)">
						
						<text style="color: #1855F6;">已反馈</text>
						<!-- <text style="color: #1855F6;">已反馈</text> -->
					</view>
				</view>
				<view class="stage1">
					<view class="stage1Box">
						2
					</view>
					<view class="stage1BoxWord">
						活动进行阶段
					</view>
				</view>
				<view class="stage1Contnet">
					<view class="stage1ContnetWire">

					</view>
					<view class="stage1ContnetWord" v-if="info.feedback_two==null">
						<text style="color: #2E2F33;">未反馈活动情况,</text>
						<text style="color: #1855F6;">去反馈</text>
					</view>
					<view class="stage1ContnetWord" v-else @click="feedbackClick(2)">
					
						<text style="color: #1855F6;">已反馈</text>
					</view>
				</view>
				<view class="stage1">
					<view class="stage1Box">
						3
					</view>
					<view class="stage1BoxWord">
						活动结束
					</view>
				</view>
				<view class="stage1Contnet1">

					<view class="stage1ContnetWord" v-if="info.feedback_three==null">
						<text style="color: #2E2F33;">未反馈活动情况,</text>
						<text style="color: #1855F6;">去反馈</text>
					</view>
					<view class="stage1ContnetWord" v-else @click="feedbackClick(3)">
					
						<text style="color: #1855F6;">已反馈</text>
					</view>
				</view>
			</view>
			
		</view>
		<!-- 弹窗 -->
		<view class="mask" v-if="maskShow">
			<view class="noBox" v-if="zhuibei">
				<view class="title">
					活动是否按照初期规划开展
				</view>
				<image src="/static/pages/index/cloose.png" class="clooseImg" @click="clooseA1" mode=""></image>
				<view class="btnBox">
					<view v-if="wancheng1_1==1" style="width: 200rpx;height: 60rpx;line-height: 60rpx;"
						:class="feedbackisShow==1 ?'ny':'no'">
						否
					</view>
					<view v-if="wancheng1_1==2" :class="feedbackisShow==2 ?'ny':'yes'">
						是
					</view>
				</view>
			
				<view class="" v-if="wancheng1_1==1">
					<view class="ctimeBox" style="background-color: #fff;">
						<view class="">
							延长时间:
						</view>
						<view class="">
							{{yanchangtime}}
						</view>
					</view>
					<view class="contentBox" style="background-color: #fff;">
						<view class="">
							延长原因:
						</view>
						<view class="">
							{{yanchangyuanyin}}
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="maskContent1" v-if="feedbackShowa">
				<view class="title">
					活动是否按照初期规划开展
				</view>
				<view class="btnBox">
					
					<! <view :class="feedbackisShow==1 ?'ny':'no'" @click="choiceClick(1)">
						否
					</view>
					<view :class="feedbackisShow==2 ?'ny':'yes'" @click="choiceClick(2)">
						是
					</view> -->
				<!-- </view>
				<view class="submitBox" @click="tijiao1">
					是
				</view>
				<image src="/static/pages/index/cloose.png" class="clooseImg" @click="cloose" mode=""></image>
			</view> -->
			<!--反馈1"否"时弹窗 -->
		<!-- 	<view class="noBox" v-if="noShow">
				<view class="title">
					活动是否按照初期规划开展
				</view>
				<view class="btnBox">
					
				</view>
				<image src="/static/pages/index/cloose.png" class="clooseImg" @click="clooseA" mode=""></image>
			
				<view class="submitBox" @click="tijiao">
					否
				</view>
			</view> -->

			<view class="maskContent3" v-if="feedbackShowc1">
				<view class="title">
					本次活动实施情况
				</view>
				<image src="/static/pages/index/cloose.png" class="clooseImg" @click="clooseB" mode=""></image>
				<view class="maskcnt">
					<view class="maskcnt1">
						<view class="maskcnt1Title">
							线索
						</view>
						<view>{{info2.xiansuo}}</view>
						<!-- <input type="text" v-model="info2.xiansuo" placeholder="请输入线索数量" class="inputs" /> -->
					</view>
					<view class="maskcnt1">
						<view class="maskcnt1Title">
							A卡
						</view>
						<view>{{info2.aka}}</view>
						<!-- <input v-model="info2.aka" type="text" placeholder="请输入A卡数量" class="inputs" /> -->
					</view>
					<view class="maskcnt1">
						<view class="maskcnt1Title">
							订单
						</view>
						<view>{{info2.dingdan}}</view>
						<!-- <input v-model="info2.dingdan" type="text" placeholder="请输入订单数量" class="inputs" /> -->
					</view>
					<view class="maskcnt1">
						<view class="maskcnt1Title">
							曝光
						</view>
						<view>{{info2.xiaoshou}}</view>
						<!-- <input v-model="info2.xiaoshou" type="text" placeholder="请输入销售数量" class="inputs" /> -->
					</view>
					<!-- <view class="submitBox">
						提交
					</view> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	var app=getApp()
	import {fanguiInfo,fankui} from '@/request/api.js'
	export default {
		data() {
			return {
				maskShow: false,
				feedbackShowa: false,
				feedbackShowc: false,
				feedbackisShow: '', //反馈1样式控制
				feedbackShowc1:false,   //反馈3控制
				noShow: false, //反馈1"否"弹窗
				status:'',
				id:'',
				info:'',
				info1:[],
				time:'',
				starttime:'',
				endtime:'',
				// 申报id
				sId:'',
				info2:{},
				avtive_time:'',
				avtive_textarea:'',
				zhuibei:false,
				wancheng1_1:1,
				yanchangtime:'',
				yanchangyuanyin:''
			};
		},
		onLoad(option) {
			console.log(option,"oooooo")
			this.status = option.status
			this.id=option.id
		},
		onShow() {
			let that = this
			that.getInfo()
			// that.getFankui()
		},
		methods: {
			getInfo(){
				let that = this
				let data={id:that.id}
				fanguiInfo(data).then(res=>{
					that.info=res.data
					that.info1=res.data.activity
					that.starttime=res.data.activity.starttime_text.slice(0,10)
					that.endtime=res.data.activity.endtime_text.slice(0,10)
					that.sId=res.data.id
					console.log(that.sId,res.data.id,"idididi")
					console.log(that.time)
					let data1={id:res.data.id}
					that.info2=res.data.feedback_three
					if(res.data.feedback_one==1){
						that.wancheng1_1=1
						that.yanchangtime=res.data.onetime
						that.yanchangyuanyin=res.data.one_remarks
					}
					if(res.data.feedback_one==2){
						that.wancheng1_1=2
						
					}
				}).catch(err=>{
					
				})
			},
			tijiao(){
				let _this = this
				_this.maskShow = false
			},
			tijiao1(){
				let _this = this
				_this.maskShow = false
			},
			// getFankui(){
			// 	let that = this
			// 	console.log(that.sId,"我们我们我们")
				
			// },
			tijiao(){
				console.log('111')
				let that = this
					let data={
						id:1,
						onetime:that.avtive_time,
						one_remarks:that.avtive_textarea
					}
				fankui(data).then(res=>{
					console.log(res)
				}).catch(err=>{
					
				})
			},
			feedbackClick(type) {
				let _this = this
				if (type == 1) {
					_this.maskShow = true
					_this.zhuibei=true
					_this.feedbackShowc1 = false
					// _this.feedbackisShow = ''
					// _this.feedbackShowa = true
					// _this.feedbackShowc1 = false
				}
				if (type == 2) {
					let that = this
					uni.navigateTo({
						url: '/pages/groundPole/groundMine/zhaopian?id='+that.id
					})
				}
				if (type == 3) {
					_this.maskShow = true
					_this.feedbackShowc1 = true
					_this.feedbackShowa = false
				}
			},
			clooseA1(){
				let _this = this
				_this.maskShow = false
				_this.zhuibei=false
			},
			//反馈1
			choiceClick(type) {
				let _this = this
				_this.feedbackisShow = type
				if (type == 1) {
					_this.feedbackShowa = false
					_this.noShow = true
				}
			},
			//关闭反馈1弹窗
			cloose() {
				this.maskShow = false
				this.feedbackShowa = false
			},
			//反馈1状态为"否"状态下
			clooseA() {
				this.maskShow = false
				this.noShow = false
			},
			clooseB() {
				let _this = this
				_this.maskShow = false
				_this.feedbackShowc = false
			},
			//反馈1"否"状态下状态为"是"弹窗
			choiceAClick() {
				this.feedbackShowa = true
				this.noShow = false
				this.feedbackisShow = 2
			},
			//未审核时进行编辑
			editClick(){
				uni.navigateTo({
					url:'/pagesA/DLR/editPages'
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #FFFFFF;
	}

	.activityDetailsBox {
		width: 100%;
		box-sizing: border-box;
		padding-bottom: 40rpx;
		overflow: hidden;
		position: relative;

		.contentBox {
			width: 670rpx;
			margin: 30rpx auto 0;

			.contentBox1 {
				box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(211, 213, 220, 0.4);
				border-radius: 32rpx;
				.contentBox1Titles{
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;
					justify-content: space-between;
					.contentBox1Title {
						display: flex;
						.wire {
							width: 4rpx;
							height: 36rpx;
							background: #2E2F33;
							border-radius: 2rpx;
							margin: 32rpx 0 0 24rpx;
						}
					
						.title {
							// line-height: 100rpx;
							font-size: 38rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #2E2F33;
							margin: 25rpx 0 0 14rpx;
						}
					}
					.modifyImg{
						width: 34rpx;
						height: 34rpx;
						margin: 33rpx 24rpx 0 0;
					}
				}
				.titleBox {
					font-size: 36rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #2E2F33;
					margin: 30rpx 0 9rpx 26rpx;
				}

				.funds {
					width: 100%;
					height: 100rpx;
					display: flex;
					justify-content: space-between;
					border-bottom: 1px solid #F2F2F4;

					.fundsW1 {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						line-height: 100rpx;
						margin-left: 25rpx;
					}

					.fundsW2 {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						line-height: 100rpx;
						margin-right: 25rpx;
					}
				}

				.quota {
					width: 100%;
					height: 100rpx;
					display: flex;
					justify-content: space-between;
					border-bottom: 1px solid #F2F2F4;

					.quotaW1 {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						line-height: 100rpx;
						margin-left: 25rpx;
					}

					.quotaW2 {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						line-height: 100rpx;
						margin-right: 25rpx;
					}
				}
			}

			.contentBox2 {
				.contentBox1Title {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;

					.wire {
						width: 4rpx;
						height: 36rpx;
						background: #2E2F33;
						border-radius: 2rpx;
						margin: 32rpx 0 0 24rpx;
					}

					.title {
						// line-height: 100rpx;
						font-size: 38rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin: 25rpx 0 0 14rpx;
					}
				}

				.titleBox {
					font-size: 36rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #2E2F33;
					margin: 30rpx 0 9rpx 26rpx;
				}
			}

			.contentBox3 {
				.contentBox1Title {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;

					.wire {
						width: 4rpx;
						height: 36rpx;
						background: #2E2F33;
						border-radius: 2rpx;
						margin: 32rpx 0 0 24rpx;
					}

					.title {
						// line-height: 100rpx;
						font-size: 38rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin: 25rpx 0 0 14rpx;
					}
				}

				.contentWord {
					width: 620rpx;
					margin: 26rpx auto 0;
					word-break: normal|break-all|keep-all;
					word-wrap: break-word;
				}
			}
			.contentBox3a{
				.contentBox1Title {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;
				
					.wire {
						width: 4rpx;
						height: 36rpx;
						background: #2E2F33;
						border-radius: 2rpx;
						margin: 32rpx 0 0 24rpx;
					}
				
					.title {
						// line-height: 100rpx;
						font-size: 38rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin: 25rpx 0 0 14rpx;
					}
				}
				.xTitle{
					display: flex;
					margin-top: 40rpx;
					justify-content: space-between;
					.xTitleW{
						font-size: 36rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin-left: 26rpx;
					}
					.xTitleC{
						font-size: 36rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin-right: 35rpx;
					}
				}
				.contentWord {
					width: 620rpx;
					margin: 26rpx auto 0;
					word-break: normal|break-all|keep-all;
					word-wrap: break-word;
				}
			}
				


			.contentBox4 {
				.contentBox1Title {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;

					.wire {
						width: 4rpx;
						height: 36rpx;
						background: #2E2F33;
						border-radius: 2rpx;
						margin: 32rpx 0 0 24rpx;
					}

					.title {
						// line-height: 100rpx;
						font-size: 38rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin: 25rpx 0 0 14rpx;
					}
				}

				.stage1 {
					width: 100%;
					display: flex;
					margin-top: 40rpx;

					.stage1Box {
						width: 40rpx;
						height: 40rpx;
						background: #1855F6;
						border-radius: 50%;
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FFFFFF;
						line-height: 40rpx;
						text-align: center;
						margin-left: 24rpx;
					}

					.stage1BoxWord {
						font-size: 36rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #2E2F33;
						margin-left: 26rpx;
						margin-top: -4rpx;
					}
				}

				.stage1Contnet {
					width: 100%;
					height: 140rpx;
					display: flex;
					margin-top: 20rpx;

					.stage1ContnetWire {
						width: 2rpx;
						height: 140rpx;
						background: #1855F6;
						margin-left: 43rpx;
					}

					.stage1ContnetWord {
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						line-height: 140rpx;
						margin-left: 44rpx;
					}
				}

				.stage1Contnet1 {
					width: 100%;
					height: 140rpx;
					display: flex;
					margin-top: 20rpx;

					.stage1ContnetWord {
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						line-height: 140rpx;
						margin-left: 89rpx;
					}
				}
			}
		}

		.mask {
			width: 100%;
			height: 100vh;
			position: fixed;
			top: 0;
			left: 0;
			background-color: rgba(0, 0, 0, .3);

			.maskContent1 {
				width: 670rpx;
				height: 300rpx;
				background: #FFFFFF;
				border-radius: 32rpx;
				position: absolute;
				top: 30%;
				left: 50%;
				transform: translate(-50%);
				overflow: hidden;

				.title {
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #303133;
					text-align: center;
					margin-top: 40rpx;
				}

				.btnBox {
					width: 100%;
					display: flex;
					justify-content: space-around;
					margin-top: 60rpx;

					.no {
						width: 110rpx;
						height: 46rpx;
						background: #EDF1FC;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #1855F6;
						text-align: center;
					}

					.yes {
						width: 110rpx;
						height: 46rpx;
						background: #EDF1FC;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #1855F6;
						text-align: center;
					}

					.ny {
						width: 110rpx;
						height: 46rpx;
						background: #1855F6;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FFFFFF;
						text-align: center;
					}
				}

				.submitBox {
					width: 200rpx;
					height: 70rpx;
					background: #1855F6;
					border-radius: 35rpx;

					margin: 50rpx auto 0;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #FFFFFF;
					text-align: center;
					line-height: 80rpx;
				}

				.clooseImg {
					width: 30rpx;
					height: 30rpx;
					position: absolute;
					top: 20rpx;
					right: 24rpx;
				}
			}

			.noBox {
				width: 580rpx;
				background: #FFFFFF;
				border-radius: 24rpx;
				position: absolute;
				top: 15%;
				left: 50%;
				transform: translate(-50%);
				overflow: hidden;
				padding-bottom: 40rpx;

				.title {
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #303133;
					text-align: center;
					margin-top: 40rpx;
				}

				.btnBox {
					width: 100%;
					display: flex;
					justify-content: space-around;
					margin-top: 60rpx;

					.no {
						width: 110rpx;
						height: 46rpx;
						background: #EDF1FC;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #1855F6;
						text-align: center;
					}

					.yes {
						width: 110rpx;
						height: 46rpx;
						background: #EDF1FC;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #1855F6;
						text-align: center;
					}

					.ny {
						width: 110rpx;
						height: 46rpx;
						background: #1855F6;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FFFFFF;
						text-align: center;
					}
				}

				.clooseImg {
					width: 30rpx;
					height: 30rpx;
					position: absolute;
					top: 20rpx;
					right: 24rpx;
				}

				.ctimeBox {
					width: 540rpx;
					height: 90rpx;
					background: #F0F1F5;
					border-radius: 8rpx;
					margin: 70rpx auto 0;
					overflow: hidden;

					.timeIput {
						width: 90%;
						height: 60rpx;
						margin-top: 10rpx;
						margin-left: 20rpx;
					}
				}

				.contentBox {
					width: 540rpx;
					height: 260rpx;
					background: #F0F1F5;
					border-radius: 8rpx;
					margin: 30rpx auto 0;
					overflow: hidden;

					.contentBox1 {
						width: 92%;
						margin: 30rpx auto 0;

						.textBox {
							width: 92%;
						}
					}

				}

				.submitBox {
					width: 300rpx;
					height: 80rpx;
					background: #1855F6;
					border-radius: 40rpx;

					margin: 60rpx auto 0;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #FFFFFF;
					text-align: center;
					line-height: 80rpx;
				}
			}

			.maskContent3 {
				width: 580rpx;
				background: #FFFFFF;
				border-radius: 24rpx;
				position: absolute;
				top: 15%;
				left: 50%;
				transform: translate(-50%);
				overflow: hidden;
				padding-bottom: 40rpx;

				.title {
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #303133;
					text-align: center;
					margin-top: 40rpx;
				}

				.clooseImg {
					width: 30rpx;
					height: 30rpx;
					position: absolute;
					top: 20rpx;
					right: 24rpx;
				}

				.maskcnt {
					width: 100%;
					margin-top: 40rpx;
					.maskcnt1 {
						width: 540rpx;
						height: 100rpx;
						margin: 0 auto;
						display: flex;
						align-items: center;
						// justify-content: space-between;
						.maskcnt1Title {
							width: 180rpx;
							// height: 60rpx;
							line-height: 100rpx;
							font-size: 34rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #303133;
						}
						.inputs{
							margin-top: 30rpx;
						}
					}
					.submitBox {
						width: 300rpx;
						height: 80rpx;
						background: #1855F6;
						border-radius: 40rpx;
					
						margin: 60rpx auto 0;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #FFFFFF;
						text-align: center;
						line-height: 80rpx;
					}
				}
			}
		}
	}
</style>
